<template>
  <div class="appraise_wrap">
    <div v-if="appraiseStatus==2">
      <img class="success_icon" :src="successIcon"/>
      <h5 class="success_txt fs_max o_text bold_text">提交成功！</h5>
      <p class="notice_txt v_text fs_1 al_c">感谢您的使用，我们将努力改善我们的服务</p>
    </div>
    <div v-if="appraiseStatus==3">
      <img class="success_icon" :src="errorIcon"/>
      <h5 class="success_txt fs_max o_text bold_text">提交失败！</h5>
      <p class="notice_txt v_text fs_1 al_c">请核实你的信息，是否真实有效</p>
    </div>
    <div @click="bindFn()" class="bottom_btn2 o_color2 w_text2">返回首页</div>
  </div>
</template>

<script>
  export default {
    name: 'guideAppraise',
    data(){
      return{
        //business_icon: require("../assets/business_icon.svg"),
        errorIcon:require("../assets/error_icon.png"),
        successIcon:require("../assets/success_icon.png"),
        business_title: "",
        appraiseStatus:0,//2:扫码验证成功 3:扫码验证失败
        appraiseOriginData:[],
        iconArr:[
        ],
        selectStar:5,
        result: [],
        message:''
      }
    },
    created(){
      if(this.$route.query.success == 'true' || this.$route.query.success == true){
        this.appraiseStatus = 2
      }else{
        this.appraiseStatus = 3
      }
    },
    mounted(){

    },
    methods:{
      bindFn(){
        this.$router.push({
          path: '/jcdl',
        })
      }
    }
  }
</script>

<style scoped>
  .success_icon{
    display: block;
    width:5rem;
    margin:3.5rem auto 0;
  }
  .success_txt{
    width:100%;
    text-align: center;
    margin:-0.2rem 0 0.8rem;
  }
  .notice_txt{
    width:100%;
    margin:0.5rem 0.3rem;
  }
  .text_area{
    width:100%;
  }
  .btn_wrap{
    width: 45%;
    margin:0 auto;
    display: flex;
    margin-top: 1rem;
    justify-content: space-around;
  }
  .select_wrap{
    width:90%;
    margin:-0.3rem auto 0;
  }
  /deep/ .van-field{
    width: 90%;
    height:3rem;
    background: #f3f3f3;
    border-radius: 0.3rem;
    margin:0 auto;
  }
  /deep/ .van-field__control{
    height:2rem!important;
  }
  /deep/ .van-checkbox-group--horizontal{
    justify-content: space-around;
  }
  /deep/ .van-checkbox{
    margin: 0.2rem;
  }
  .star_icon{
    width:1.5rem;
    height:1.5rem;
    margin: 0.2rem 0;
  }
  .star_wrap{
    margin-top: 0.5rem;
  }
  .de_top_user .port{
    width:0.7rem;
    height:0.7rem;
    border-radius: 0.35rem;
    overflow: hidden;
  }
  .de_top_user img{
    width:0.7rem;
  }
  .count_item img{
    width:0.9rem;
  }
  .appraise_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .business_title {
    flex: 1;
  }
  .scroll_wrap{
    width:100%;
    height:100%;
    overflow: hidden;
    position: absolute;
    top:0
  }
  .scroll_content{
    padding:0 0 3rem 0;
  }
  .top_wrap {
    width: 100%;
    padding: 0.4rem;
    box-sizing: border-box;
    position: relative;
    z-index: 99;
  }
  .flex_wrap {
    display: flex;
    align-items: flex-start;
  }
  .icon_wrap {
    width: 1.6rem;
    text-align: center;
  }
  .icon_wrap img {
    width: 1rem;
    margin-top: 0.15rem;
  }
  .bottom_btn {
    width: 100%;
    height: 1.1rem;
    position: fixed;
    bottom: 0;
    display:flex;
  }
  .bottom_btn2{
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
  }
  .bottom_btn2{
    height: 3.1rem;
    line-height: 3.1rem;
  }
  .w_text2 {
    color: #fff;
  }
  .o_color2 {
    background: #78a1e1;
  }
  .btn_click{
    flex:1;
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
    border-right:solid 1px #ff9614;
  }
  .btn_click:last-child{
    border:none;
  }
  .scroll_flag{
    width:100%;
    height:1.3rem;
  }
</style>
